<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ project.name }}</title>
    {% load static %}
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/bootstrap-theme.min.css' %}" rel="stylesheet">
</head>
<body>
    <div class="container mt-5">
        <h1>{{ project.name }}</h1>
        <p>{{ project.description }}</p>
        <h2>项目概览</h2>
        <div class="row">
            <div class="col-md-4">
                <h3>趋势图</h3>
                <!-- 添加趋势图 -->
            </div>
            <div class="col-md-4">
                <h3>详情</h3>
                <!-- 添加详情 -->
            </div>
            <div class="col-md-4">
                <h3>问题统计</h3>
                <!-- 添加问题统计 -->
            </div>
        </div>
        <h2>项目成员</h2>
        <ul class="list-group">
            {% for member in project.members.all %}
                <li class="list-group-item">{{ member.username }}</li>
            {% endfor %}
        </ul>
        <h2>项目动态</h2>
        <ul class="list-group">
            <!-- 添加项目动态 -->
        </ul>
    </div>
    <script src="{% static 'js/jquery.js' %}"></script>
    <script src="{% static 'js/popper.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
</body>
</html>